<!--
   Created by   :chengwei
   Created time :2017/7/6
   File explain :账单详情相关
-->
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>账单详情</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="check-details.css">
</head>
<body>
<div class="cmn-main">
  <!-- 页头部分 包含：面包屑导航条、隐藏/显示条件按钮 -->
  <header class="cmn-header">
    <!-- 面包屑导航条 -->
    <div class="cmn-breadcrumb">
      <ul class="cmn-crumb">
        <li>
          <a class="cmn-active-breadcrumb my-account" href="javascript:void(0)">我的账户</a>
        </li>
        <li>
          <i class="icon icon-angle-right"></i>
          <a class="cmn-active-breadcrumb check" href="javascript:void(0)">账单</a>
        </li>
        <li>
          <i class="icon icon-angle-right"></i>
          <a class="cmn-root-breadcrumb" href="javascript:void(0)">账单详情</a>
        </li>
      </ul>
    </div>
  </header>
  <!-- 账单结果 -->
  <div class="check-result">
    <!-- 账单左边结果 -->
    <div class="check-result-left">
      <img class="check-result-img">
      <span class="check-result-name" data-name="status"></span>
    </div>
    <!-- 账单右边操作 -->
    <div class="check-result-right">
      <span class="check-state">交易关闭</span>
      <div class="check-pay">付款</div>
    </div>
  </div>
  <!-- 账单表格-->
  <main class="cmn-table-container">
    <div class="cmn-flow-div">
      <!--账单详情-->
      <div class="check-type">
        <div class="check-pay-type">
          <p class="check-type-pay">类型</p>
          <div class="check-type-pay" data-name="tradeType"></div>
        </div>
        <div class="check-pay-type">
          <p class="check-type-number">交易号</p>
          <div class="check-type-number" data-name="orderSn"></div>
        </div>
        <div class="check-pay-money">
          <p class="check-type-number">金额</p>
          <div class="check-type-number check-money" data-name="amount"></div>
        </div>
      </div>
      <!--金额单位-->
      <div class="check-unit">
        <p>单位：元</p>
      </div>
      <!--交易信息-->
      <div class="check-info">
        <div class="check-info-title">
          <p class="check-adverse-info">对方信息</p>
          <p class="check-time-report">时间报告</p>
        </div>
        <div class="check-info-detailedness">
          <p class="check-adverse-info" data-name="target"></p>
          <div>
            <div class="check-adverse-info check-time-title">
              <p class="title-background check-time-start">交易时间</p>
              <p class="title-background check-time-end">结束时间</p>
            </div>
            <div class="check-deal-time">
              <p class="check-time-start" data-name="createTime"></p>
              <p class="check-border check-time-end" data-name="finishTime"></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
</div>
<script data-main="check-details" src="../../libs/require.js"></script>
</body>
</html>